<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>头部\底部公共页面</title>
	<link rel="stylesheet" href="src/scss/com.css">
</head>
<body>
<div id="header">
	<div id="head_nav">
		<ul class="head_nav_list_left">
			<li class="city"><a href="javascript:;">当前城市：</a></li>
			<li class="beijing">
				<a href="javascript:;">北京</a>
			</li>
			<li><a href="javascript:;">hi，欢迎来我买网！</a></li>
			<li id="log"><a href="http://localhost:63342/wmw/login.html?_ijt=d154c393qvoqscgikqqg1s6roi" target="_blank">登录</a></li>
			<li id="reg"><a href="http://localhost:63342/wmw/register.html?_ijt=nkihiuuqa5ll9f6lutg919blu6" target="_blank">注册</a></li>
		</ul>
		<ol class="head_nav_list_right">
			<li><a href="javascript:;">我的账户</a></li>
			<li><a href="javascript:;">购物车<span>0</span>件</a>|</li>
			<li><a href="javascript:;">客户服务</a>|</li>
			<li><a href="javascript:;">大客户</a>|</li>
			<li><img src="images/01.png" alt=""></li>
			<li><img src="images/02.png" alt=""></li>
		</ol>
	</div>
</div>
<div class="search">
	<div class="search_list">
	<ul>
		<li><img src="image/logo.png" alt=""></li>
		<li><img src="image/logo-1.jpg" alt=""></li>
		<li class="search_nav">
			<lable class="lable_input"><input type="text" id="data" placeholder="全球美食 满99立减30! 小老板紫菜紧12.9"><span>搜索</span></lable>
			<ul>
				<li><a href="javascript:;">啤酒</a></li>
				<li><a href="javascript:;">大米</a></li>
				<li><a href="javascript:;">牛奶</a></li>
				<li><a href="javascript:;">牛排</a></li>
				<li><a href="javascript:;">水</a></li>
				<li><a href="javascript:;">车厘子</a></li>
			</ul>
		</li>
		<li class="search_list_right"><img src="image/logo-2.jpg" alt=""></li>
	</ul>
	</div>
</div>
<!------------------banner_left--------------------------------------->
<div id="nav">
	<div id="nav_box">
		<div class="all_kinds">
			<p class="head">全部商品分类</p>
			<ul class="nav_first">
				<!--nav json数据-->
			</ul>
			<div class="nav_second">
				<!--nav json数据-->
			</div>
		</div>
		<div class="main_nav">
			<ul class="main_nav_list">
				<li><a href="#">团购</a></li>
				<li><a href="#">每日鲜</a></li>
				<li><a href="#">我买酒</a></li>
				<li><a href="#">中粮出品</a></li>
				<li><a href="#">安心享</a></li>
				<li><a href="#">包邮直送</a></li>
				<li><a href="#">全球购</a></li>
			</ul>
		</div>
		<div class="small_cart">
			<div class="cart_box">
				<span class="scart_icon"><i class="small_cart_num">0</i></span>
				<span class="scart_txt"><a href="">购物车</a></span>
				<span class="scart_arrow"></span>
			</div>
			<div class="cart_con">
				<div class="free">
					<span class=""><img src=""/></span>
					<p>购物车还没有商品，赶紧选购吧!
						<a href="">去首页看看!</a></p>
				</div>
			</div>
		</div>
	</div>
</div>
<!------------------------------footer--------------------------------->
<div id="footer">
	<div class="footer_box">
		<div class="footer_help">
			<ul class="mode_list">
				<li class="mode">
					<h3><a href="">新手上路</a></h3>
					<ul class="mode_con">
						<li><a href="">新用户演示</a></li>
						<li><a href="">会员积分计划</a></li>
						<li><a href="">会员等级规则</a></li>
						<li><a href="">售后服务政策</a></li>
						<li><a href="">我买网发票制度</a></li>
					</ul>
				</li>
				<li class="mode">
					<h3><a href="">配送信息</a></h3>
					<ul class="mode_con">
						<li><a href="">配送运费信息</a></li>
						<li><a href="">生鲜速配</a></li>
						<li><a href="">订单处理事件</a></li>
						<li><a href="">验货与拒收政策</a></li>
						<li><a href="">用券订单结算说明</a></li>
					</ul>
				</li>
				<li class="mode">
					<h3><a href="">付款方式</a></h3>
					<ul class="mode_con">
						<li><a href="">支付方式</a></li>
						<li><a href="">支付常见问题</a></li>
						<li><a href="">激活礼品卡</a></li>
						<li><a href="">我买卡</a></li>
						<li><a href="">电子礼品卡</a></li>
					</ul>
				</li>
				<li class="mode">
					<h3><a href="">我买提示</a></h3>
					<ul class="mode_con">
						<li><a href="">找回密码</a></li>
						<li><a href="">联系我们</a></li>
						<li><a href="">常见热点问题</a></li>
						<li><a href="">顾客意见</a></li>
						<li><a href="">关于跨境购</a></li>
					</ul>
				</li>
			</ul>
			<div class="footer_ervma">
				<dl>
					<dt>我买网APP</dt>
					<dd><img src="images/footer_EM_03.png"/></dd>
				</dl>
				<dl>
					<dt>我买网微信</dt>
					<dd><img src="images/footer_EM_06.png"/></dd>
				</dl>
			</div>
		</div>
	</div>
	<div class="about_box">
		<div class="footer_about">
			<div class="links">
				<a href="">关于我们<span>|</span></a>
				<a href="">免责条款<span>|</span></a>
				<a href="">中粮集团<span>|</span></a>
				<a href="">友情链接<span>|</span></a>
				<a href="">搜索热词<span>|</span></a>
				<a href="">客服电话：400-005-5678</a>
			</div>
			<div class="footer_2016">
				<div class="footer_img">
					<a href=""><img src="image/footer_logo.jpg"/></a>
				</div>
				<div class="copyright">
					<div>Copyright©2009-2017 womai.com.hk All Rights Reserved 中粮海优（北京）有限公司版权所有</div>
					<div>中粮海优（北京）有限公司 北京市朝阳区朝阳门南大街8号18F-09室</div>
					<div class="beian"><span>京公网安备 11010102000458号 京ICP备 13003995号</span></div>
					<div>营业执照（统一社会信用代码）91110000055590239L  食品经营许可证：JY11105020028185</div>
				</div>
			</div>
			<div class="integrity">
				<a href=""><img src="image/cert.png"/></a>
			</div>
		</div>
	</div>
</div>

<!---------------------------登录/注册首尾公共部分--------------------------------->
<div class="wrp-header">
	<img src="image/logo.png" alt="">
</div>
<div class="register-copyright">
	<div class="bottom">
		<div>Copyright©2009-2017 womai.com.hk All Rights Reserved 中粮海优（北京）有限公司版权所有</div>
		<div>中粮海优（北京）有限公司 北京市朝阳区朝阳门南大街8号18F-09室</div>
		<div class="beian"><span>京公网安备 11010102000458号 京ICP备 13003995号营业执照（统一社会信用代码）91110000055590239L  食品经营许可证：JY11105020028185</span></div>
	</div>
</div>
<div class="footer-bottom"></div>
</body>
</html>